<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
		"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>完整demo</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
	<script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"></script>
	<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
	<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
	<script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>

	<style type="text/css">
        div {
            width: 100%;
        }
	</style>
</head>
<body>

<div>
	<h1>完整demo</h1>

	<div class="edui-dialog edui-for-insertimage edui-default">
		<div id="edui149_body" class="edui-dialog-body edui-default" style="width: 652px; height: 469px;">
			<div class="edui-dialog-shadow edui-default"></div>
			<div id="edui149_titlebar" class="edui-dialog-titlebar edui-default">
				<div class="edui-dialog-draghandle edui-default"
					 onmousedown="$EDITORUI['edui149']._onTitlebarMouseDown(event, this);"><span
						class="edui-dialog-caption edui-default">多图上传</span></div>
				<div id="edui150" class="edui-box edui-button edui-dialog-closebutton edui-default">
					<div id="edui150_state"
						 onmousedown="$EDITORUI['edui150'].Stateful_onMouseDown(event, this);"
						 onmouseup="$EDITORUI['edui150'].Stateful_onMouseUp(event, this);"
						 onmouseover="$EDITORUI['edui150'].Stateful_onMouseOver(event, this);"
						 onmouseout="$EDITORUI['edui150'].Stateful_onMouseOut(event, this);"
						 class="edui-default">
						<div class="edui-button-wrap edui-default">
							<div id="edui150_body" unselectable="on" title="关闭对话框" class="edui-button-body edui-default"
								 onmousedown="return $EDITORUI['edui150']._onMouseDown(event, this);"
								 onclick="return $EDITORUI['edui150']._onClick(event, this);">
								<div class="edui-box edui-icon edui-default"></div>
								<div class="edui-box edui-label edui-default"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="edui149_content" class="edui-dialog-content edui-default">
				<span id="edui149_contmask"
					  class="dialogcontmask"
					  style="visibility: hidden;"></span>
				<iframe id="edui149_iframe" class="%%-iframe" height="100%" width="100%" frameborder="0"
						src="http://light.com/static/ueditor/dialogs/image/image.html"></iframe>
			</div>
			<div class="edui-dialog-foot edui-default">
				<div id="edui149_buttons" class="edui-dialog-buttons edui-default">
					<div id="edui151" class="edui-box edui-button edui-okbutton edui-default">
						<div id="edui151_state"
							 onmousedown="$EDITORUI['edui151'].Stateful_onMouseDown(event, this);"
							 onmouseup="$EDITORUI['edui151'].Stateful_onMouseUp(event, this);"
							 onmouseover="$EDITORUI['edui151'].Stateful_onMouseOver(event, this);"
							 onmouseout="$EDITORUI['edui151'].Stateful_onMouseOut(event, this);"
							 class="edui-default">
							<div class="edui-button-wrap edui-default">
								<div id="edui151_body" unselectable="on" class="edui-button-body edui-default"
									 onmousedown="return $EDITORUI['edui151']._onMouseDown(event, this);"
									 onclick="return $EDITORUI['edui151']._onClick(event, this);">
									<div class="edui-box edui-icon edui-default"></div>
									<div class="edui-box edui-label edui-default">确认</div>
								</div>
							</div>
						</div>
					</div>
					<div id="edui152" class="edui-box edui-button edui-cancelbutton edui-default">
						<div id="edui152_state"
							 onmousedown="$EDITORUI['edui152'].Stateful_onMouseDown(event, this);"
							 onmouseup="$EDITORUI['edui152'].Stateful_onMouseUp(event, this);"
							 onmouseover="$EDITORUI['edui152'].Stateful_onMouseOver(event, this);"
							 onmouseout="$EDITORUI['edui152'].Stateful_onMouseOut(event, this);"
							 class="edui-default">
							<div class="edui-button-wrap edui-default">
								<div id="edui152_body" unselectable="on" class="edui-button-body edui-default"
									 onmousedown="return $EDITORUI['edui152']._onMouseDown(event, this);"
									 onclick="return $EDITORUI['edui152']._onClick(event, this);">
									<div class="edui-box edui-icon edui-default"></div>
									<div class="edui-box edui-label edui-default">取消</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>

<style>
    .edui-default .edui-dialog-body {
        position: relative;
        padding: 2px 0 0 2px;
        _zoom: 1;
    }
    .edui-default .edui-dialog-shadow {
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        *border-right-width: 2px;
        *border-bottom-width: 2px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
    }

    .edui-default .edui-dialog-shadow {
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        *border-right-width: 2px;
        *border-bottom-width: 2px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
    }

    .edui-default .edui-dialog-titlebar {
        height: 26px;
        border-bottom: 1px solid #c6c6c6;
        background: url(../images/dialog-title-bg.png) repeat-x bottom;
        position: relative;
        cursor: move;
    }
    .edui-dialog div {
        width: auto;
    }
    .edui-default .edui-dialog-draghandle {
        height: 26px;
    }
    .edui-default .edui-dialog-caption {
        font-weight: bold;
        font-size: 12px;
        line-height: 26px;
        padding-left: 5px;
    }

    .edui-default .edui-dialog-titlebar {
        height: 26px;
        border-bottom: 1px solid #c6c6c6;
        background: url(../images/dialog-title-bg.png) repeat-x bottom;
        position: relative;
        cursor: move;
    }
    .edui-default .edui-dialog-titlebar {
        height: 26px;
        border-bottom: 1px solid #c6c6c6;
        background: url(../images/dialog-title-bg.png) repeat-x bottom;
        position: relative;
        cursor: move;
    }

    .edui-default .edui-dialog-closebutton {
        position: absolute !important;
        right: 5px;
        top: 3px;
    }
    .edui-default .edui-box {
        border: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }
    .edui-dialog div {
        width: auto;
    }
    div.edui-box {
        position: relative;
        display: -moz-inline-box !important;
        display: inline-block !important;
        vertical-align: top;
    }

    .edui-default .edui-dialog-closebutton .edui-button-body {
        height: 20px;
        width: 20px;
        cursor: pointer;
        background: url(../images/icons-all.gif) no-repeat 0 -59px;
    }

    .edui-default .edui-button-body, .edui-splitbutton-body, .edui-menubutton-body, .edui-combox-body {
        position: relative;
    }

    .edui-default .edui-box {
        border: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

    .edui-dialog div {
        width: auto;
    }
    div.edui-box {
        position: relative;
        display: -moz-inline-box !important;
        display: inline-block !important;
        vertical-align: top;
    }

    .edui-default .edui-label {
        cursor: default;
    }

    .edui-default .edui-box {
        border: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }
    .edui-dialog div {
        width: auto;
    }
    div.edui-box {
        position: relative;
        display: -moz-inline-box !important;
        display: inline-block !important;
        vertical-align: top;
    }

    .edui-default .edui-dialog-content {
        position: relative;
    }

    .edui-dialog div {
        width: auto;
    }

    .edui-default .dialogcontmask {
        cursor: move;
        visibility: hidden;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        filter: alpha(opacity = 0);
    }

    .edui-default .edui-dialog-foot {
        height: 40px;
    }
    .edui-default .edui-dialog-foot {
        background-color: white;
    }
    .edui-dialog div {
        width: auto;
    }

</style>

<script type="text/javascript">

	//实例化编辑器
	//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
	 var ue = UE.getEditor('editor');

</script>

</body>
</html>